<template>
  <div id="des" style="position: relative;width: 90%;left: 5%">
    <el-divider content-position="left" style="margin-top: 40px ;padding: 2px;background: #a4d6a7"  >职位简介</el-divider>
    <div style="width: 90%;margin-left: 5%;line-height: 2.0;font-size:16px;margin-top: 50px ;margin-bottom: 50px">
      <p>{{job_info.job_description}}</p>
    </div>

    <el-divider content-position="left" style="margin-top: 40px ;padding: 2px;background: #a4d6a7" >职位详情</el-divider>
    <el-descriptions style="width: 90%;margin-left: 5%;font-size: 16px;margin-top: 50px;margin-bottom: 50px" title="" :column="1" border>
      <el-descriptions-item label="职位名称">{{job_info.job_name}}</el-descriptions-item>
      <el-descriptions-item label="岗位类型">{{job_info.job_type}}</el-descriptions-item>
      <el-descriptions-item label="需求人数">{{job_info.number_people}}</el-descriptions-item>
      <el-descriptions-item label="专业需求">{{job_info.profession_require}}</el-descriptions-item>
      <el-descriptions-item label="学历需求">{{job_info.education_require}}</el-descriptions-item>
      <el-descriptions-item label="其他需求">{{job_info.other_require}}</el-descriptions-item>
      <el-descriptions-item label="工作地点">{{job_info.working_area}}</el-descriptions-item>
      <el-descriptions-item label="计算机要求">{{job_info.computer_require}}</el-descriptions-item>
      <el-descriptions-item label="薪资范围">{{job_info.salary_range}}</el-descriptions-item>
      <el-descriptions-item label="语言要求">{{job_info.language_requlre}}</el-descriptions-item>
      <el-descriptions-item label="投递邮箱">{{job_info.resume_email}}</el-descriptions-item>
      <el-descriptions-item label="开始日期">{{job_info.release_date}}</el-descriptions-item>
      <el-descriptions-item label="结束日期">{{job_info.end_date}}</el-descriptions-item>
    </el-descriptions>

    <el-divider content-position="left" style="margin-top: 40px ;padding: 2px;background: #a4d6a7" >公司地址</el-divider>
    <maps></maps>
<!--    <el-empty :image-size="250" style="width: 90%;margin-left: 5%;font-size: 16px;margin-top: 50px;margin-bottom: 50px"></el-empty>-->
    <el-divider content-position="left" style="margin-top: 40px ;padding: 2px;background: #a4d6a7;margin-bottom: 50px">职位推荐</el-divider>
    <div style="padding-bottom: 30px;">
      <job-cards></job-cards>
    </div>
  </div>

</template>

<script>
import JobCards from '@/views/DetailJobInfo/components/JobCards'
import maps from '@/views/DetailJobInfo/components/map'
import axios from 'axios'
export default {
  name: 'description',
  components:{JobCards,maps},
  job_id:"",
  data(){
    return{
      job_info:{
        job_name:"",
        job_type:"",
        number_people:"",
        profession_require:"",
        education_require:"",
        working_area:"",
        other_require:"",
        salary_range:"",
        language_requlre:"",
        computer_require:"",
        job_description:"",
        release_date:"",
        end_date:"",
        resume_email:""

      }
    }
  },
  created () {
    var _this=this
    this.job_id=sessionStorage.getItem("YHJobInfo_id")
    axios.post('http://120.79.211.12:8080/get_JobDetailInfo?jobID='+this.job_id)
      .then (function (response) {
        console.log(response.data)
        _this.job_info=response.data

      })
      .catch(function (error) {
        console.log(error);
      });


  }
}
</script>

<style >
#des .el-divider__text{
  font-size: 20px;
  color: #2e7d32;
  font-weight: bold;
}
#des .el-divider{
  background: rgb(164, 214, 167);
}
</style>
